﻿<UserControl x:Class="LaunchAllaround.Sound.AudioSettings"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" Width="400" Height="40">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="40" />
            <ColumnDefinition Width="40" />
            <ColumnDefinition Width="40" />
            <ColumnDefinition Width="20" />
            <ColumnDefinition Width="70" />
            <ColumnDefinition Width="40" />
            <ColumnDefinition Width="20" />
            <ColumnDefinition Width="70" />
        </Grid.ColumnDefinitions>
        
        <Label Content="BPM" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center"></Label>

        <Grid Name="BPMActivation"  Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="30" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <Image Source="/Resources/Images/Themes/Dark/Sound/metronome.png" HorizontalAlignment="Center" Opacity="0.5" Height="30" MouseEnter="BeginHighlight" MouseLeave="StopHighlight" MouseDown="SetBPM">
                <Image.ToolTip>
                    <ToolTip Content="Enable/Disable the BPM"/>
                </Image.ToolTip>
            </Image>
            <TextBlock Name="BPMActivationText" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White"/>
        </Grid>
        
        <Grid Name="BPMSettings" Grid.Column="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="20" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Grid Name="BPMControls" Grid.Column="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="20" />
                    <RowDefinition Height="20" />
                </Grid.RowDefinitions>
                <Image Source="/Resources/Images/Themes/Dark/Sound/bpmup.png" HorizontalAlignment="Left" Opacity="0.5" Grid.Row="0" Height="20" MouseEnter="BeginHighlight" MouseLeave="StopHighlight" MouseDown="IncreaseBPM">
                    <Image.ToolTip>
                        <ToolTip Content="Increase the BPM"/>
                    </Image.ToolTip>
                </Image>
                <Image Source="/Resources/Images/Themes/Dark/Sound/bpmdown.png" HorizontalAlignment="Left" Opacity="0.5" Grid.Row="1" Height="20" MouseEnter="BeginHighlight" MouseLeave="StopHighlight" MouseDown="DecreaseBpm">
                    <Image.ToolTip>
                        <ToolTip Content="Decrease the BPM"/>
                    </Image.ToolTip>
                </Image>
            </Grid>
            <TextBlock Name="BPMText" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White"/>
        </Grid>

        <Image Source="/Resources/Images/Themes/Dark/Tools/separator.png" HorizontalAlignment="Left" Opacity="0.4" Grid.Column="3"/>

        <Label Content="MEASURE" Grid.Column="4" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Center"></Label>

        <Grid Name="MeasureSettings" Grid.Column="5">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="20" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Grid Name="MeasureControls" Grid.Column="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="20" />
                    <RowDefinition Height="20" />
                </Grid.RowDefinitions>
                <Image Source="/Resources/Images/Themes/Dark/Sound/bpmup.png" HorizontalAlignment="Left" Opacity="0.5" Grid.Row="0" Height="20" MouseEnter="BeginHighlight" MouseLeave="StopHighlight" MouseDown="IncreaseMeasure">
                    <Image.ToolTip>
                        <ToolTip Content="Increase the Measure"/>
                    </Image.ToolTip>
                </Image>
                <Image Source="/Resources/Images/Themes/Dark/Sound/bpmdown.png" HorizontalAlignment="Left" Opacity="0.5" Grid.Row="1" Height="20" MouseEnter="BeginHighlight" MouseLeave="StopHighlight" MouseDown="DecreaseMeasure">
                    <Image.ToolTip>
                        <ToolTip Content="Decrease the Measure"/>
                    </Image.ToolTip>
                </Image>
            </Grid>
            <TextBlock Name="MeasureText" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White"/>
        </Grid>

        <Image Source="/Resources/Images/Themes/Dark/Tools/separator.png" HorizontalAlignment="Left" Opacity="0.4" Grid.Column="6"/>

        <Image Name="stop" Source="/Resources/Images/Themes/Dark/Sound/stop.png" HorizontalAlignment="Left" Opacity="0.4" Grid.Column="7" MouseDown="StopPreviewEvent" Visibility="Visible"/>


    </Grid>
</UserControl>
